/* .homepage{background-color: #f5f5f5;} */
.swiper{margin-top: 20rpx;}
.swiperBox{border-radius: 10rpx; overflow: hidden;}


.girdBox{}
.girdBox .items{display: flex; flex-wrap: wrap;}
.girdBox .items .item{width: 50%;}
.girdBox .items .item image{display: block; width: 100%;}

.name{position: fixed;bottom: 0; right: 0;  font-size: 18rpx;}

.navBox{margin: 20rpx 0;}
.navBox ul{display: flex; justify-content: space-between; flex-wrap: wrap; background-color: #fff; overflow: hidden; }
.navBox ul li{width: 25%; border-radius: 5px;}
.navBox ul li image{display: block; width: 100%;}

.ggList{background-color: #fff; padding: 20rpx 0; background-color: #f2f3f7;}
.ggList .item{padding: 20rpx; border-radius: 15rpx; background-color: #fff; margin-top: 20rpx;}
.ggList .item h3{font-size: 28rpx; margin-bottom: 20rpx; line-height: 1.6; color: #333;}
.ggList .item h3 span{float: left; margin-right: 15rpx; padding: 3rpx 10rpx; font-size: 22rpx; font-weight: normal; border-radius: 5rpx; border: 1px solid #d9232f; color: #f56c6c;}
.ggList .item .tags{display: flex; justify-content: space-between;}
.ggList .item .tags ul{display: flex; justify-content: flex-start;}
.ggList .item .tags ul li + li{margin-left: 15rpx;}
.ggList .item .bottom{display: flex; justify-content: space-between; padding: 20rpx 0 0; margin-top: 20rpx; border-top: 1px solid #eee;}
.ggList .item  .time{ font-size: 24rpx; color: #999; text-align: right; font-weight: bold;}
.ggList .item  .origin{ font-size: 24rpx; color: #333; font-weight: bold;    white-space: nowrap;width: 60%;overflow: hidden;text-overflow: ellipsis;}

.pagination{display: flex; justify-content: center; margin: 25rpx 0}
.pagination li{background-color: #fff; font-size: 26rpx; line-height: 60rpx; padding: 0 20rpx; margin: 0 5rpx ; border-radius: 5px; color: #777; border: 1px solid #e7e7e7; cursor: pointer;}


.adBox{margin-bottom: 20rpx;}
.adBox .ad{display: block; width: 100%; border-radius: 10rpx;}


.topping{position: relative;}
.topping .item{padding: 20rpx; border-radius: 15rpx; background-color: #fff; margin-top: 20rpx;}
.topping .item h3{font-size: 28rpx; margin-bottom: 20rpx; padding-right: 120rpx; line-height: 1.6; color: #333;}
.topping .item h3 span{float: left; margin-right: 15rpx; padding: 3rpx 10rpx; font-size: 22rpx; font-weight: normal; border-radius: 5rpx; border: 1px solid #d9232f; color: #d9232f;}
.topping .item .tags{display: flex; justify-content: space-between;}
.topping .item .tags ul{display: flex; justify-content: flex-start;}
.topping .item .tags ul li + li{margin-left: 15rpx;}
.topping .item .bottom{display: flex; justify-content: space-between; padding: 20rpx 0 0; margin-top: 20rpx; border-top: 1px solid #eee;}
.topping .item  .time{ font-size: 24rpx; color: #999; text-align: right; font-weight: bold;}
.topping .item  .origin{ font-size: 24rpx; color: #333; font-weight: bold;}


.topping .arrowBox{position: absolute; top: 0; right: 0; padding: 7rpx 30rpx; border-radius: 0 15rpx 0 15rpx; color: #fff; font-size: 22rpx; font-weight: bold; background-color: #d9232f;  z-index: 10;}